<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
    />
    <title>当前浏览器不支持</title>
    <link rel="icon" href="../img/favicon.ico" type="image/x-icon" />
    <style>
      h1,
      h2 {
        text-align: center;
        padding: 50px 0;
      }

      blockquote,
      body,
      dd,
      div,
      dl,
      dt,
      fieldset,
      form,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      li,
      ol,
      p,
      pre,
      td,
      textarea,
      th,
      ul {
        padding: 0;
        margin: 0;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      fieldset,
      img {
        border: 0;
      }

      address,
      caption,
      cite,
      code,
      dfn,
      em,
      strong,
      th,
      var {
        font-weight: 400;
        font-style: normal;
      }

      ol,
      ul {
        list-style: none;
      }

      caption,
      th {
        text-align: left;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-weight: 300;
        font-size: 100%;
      }

      q:after,
      q:before {
        content: '';
      }

      abbr,
      acronym {
        border: 0;
      }

      .clearfix:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
      }

      * html .clearfix {
        height: 1%;
      }

      .clearfix {
        display: block;
      }

      body {
        -webkit-font-smoothing: antialiased;
        font-family:
          'PingFang SC', 'Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft YaHei',
          'å¾®è½¯é›…é»‘', sans-serif;
        position: absolute;
        background-color: #f8f9fa;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

      #container {
        background: #f8f9fa;
        height: 100%;
        width: 100%;
        min-width: 900px;
        padding-top: 20px;
        position: absolute;
      }

      #container h1 {
        font-family: 'é»‘ä½“';
        font-weight: 400;
        padding: 2em 0 0;
        font-size: 36px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 20px;
        color: rgba(0, 0, 0, 0.85);
      }

      #container h2 {
        font-size: 24px;
        line-height: 30px;
        color: rgba(0, 0, 0, 0.45);
      }

      #container table.browsers {
        height: 170px;
        width: 900px;
        margin: 40px auto 0;
      }

      #container table.browsers td {
        width: 16.6%;
        text-align: center;
        vertical-align: center;
      }

      #container table.browsers td a {
        color: #000;
        border-radius: 5px;
        padding-bottom: 10px;
      }

      #container table.browsers td a:hover {
        color: #444;
        background: #f1f1f1;
      }

      #container table.browsers td img {
        width: 120px;
        margin-bottom: 10px;
      }

      #container .content {
        background: #fff;
        min-width: 900px;
        margin: 40px 50px;
        padding: 20px;
        box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
      }

      .content .fontCss {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.45);
        text-align: center;
      }

      .content .fontCss li {
        margin: 24px 0;
      }

      #container .footer img {
        margin-top: 10px;
      }

      #container .footer p {
        margin: 10px 0;
      }
    </style>
  </head>

  <body>
    <div id="container">
      <h1>我们不再支持IE浏览器</h1>
      <h2>It appears you’re using an unsupported browser</h2>
      <div class="content">
        <ul class="fontCss">
          <li>
            为了获得更好的浏览体验，我们强烈建议您使用较新版本的Chrome、Firefox、Safari、Edge，或者双核信创浏览器。
          </li>
          <li>
            In order to get a better browsing experience,we strongly recommend that you use a newer
            version of Chrome,Firefox,Safari,Edge,etc... or trusted dual core browser.
          </li>
        </ul>
        <table class="browsers">
          <tr>
            <td>
              <a class="clearfix" href="https://www.google.cn/chrome/" target="_blank">
                <img
                  src=""
                  alt="Download Chrome"
                />
                <p>Chrome</p>
              </a>
            </td>
            <td>
              <a class="clearfix" href="http://www.firefox.com.cn/" target="_blank">
                <img
                  src=""
                  alt="Download Firefox"
                />
                <p>Firefox</p>
              </a>
            </td>
            <td>
              <a class="clearfix" href="http://www.apple.com/cn/safari/" target="_blank">
                <img
                  src=""
                  alt="Download Safari"
                />
                <p>Safari</p>
              </a>
            </td>
            <td>
              <a class="clearfix" href="http://www.opera.com/zh-cn" target="_blank">
                <img
                  src=""
                  alt="Download Opera"
                />
                <p>Opera</p>
              </a>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </body>
</html>
